<template>
  <div id="remindPage">
    11111111
    <div v-for="(item, index) in remindList" :key="index">
      <div class="remind_itemTime pd15"><span> 2018-12-12 </span></div>
      <div class="remindBox boxShadow mglr15">
        <div class="todo pdlr15">
          <p>
            {{ item.type == "1" ? item.name + "生日" : "回款提醒:" }}
            <span
              :style="{
                background: item.type == '1' ? '#4B9BEC' : '#FF9933'
              }"
              >{{ item.type == "1" ? "生日" : "回款" }}</span
            >
          </p>
          <div class="todolist ">
            <div v-show="item.type == 1">
              <span>{{
                item.birthday +
                  "是" +
                  item.companyName +
                  "公司" +
                  item.name +
                  "的生日，送个祝福吧！"
              }}</span>
            </div>
            <div v-show="item.type == 3">
              <span>{{
                item.birthday +
                  "是" +
                  item.companyName +
                  "公司回款" +
                  item.companyName
              }}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getremindList } from "../service";
export default {
  data() {
    return {
      paramsConfig: {
        pageSize: 5,
        pageNumber: 1,
        name: ""
      },
      text: "testPage",
      remindList: []
    };
  },
  mounted() {
    // getremindList({
    //     pageSize: this.paramsConfig.pageSize,
    //     pageNumber: this.paramsConfig.pageNumber
    //   }).then(res=>{
    //     console.log(res)
    //     this.remindList= res.list
    // })
  }
};
</script>
<style lang="scss" scoped>
#remindPage {
  width: 100%;
  height: 100%;
  background-color: rgba(248, 248, 248, 1);
}
.remind_itemTime {
  text-align: center;
  span {
    color: #666;
    font-size: 0.12rem;
    background-color: rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 3px 5px;
  }
}
.todo {
  background: #fff;
  padding-bottom: 0.1rem;
  p {
    font-size: 0.16rem;
    line-height: 0.4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.0784313725490196);
    span {
      border: 1px solid #ddd;
      padding: 0 3px;
      color: #fff;
      font-size: 0.12rem;
      border-radius: 10%;
      margin-left: 0.05rem;
    }
  }
  .todolist {
    padding-top: 0.1rem;
    div {
      line-height: 0.25rem;
      font-size: 0.12rem;
    }
    span {
      font-size: 0.14rem;
      color: #999;
    }
  }
}
</style>
